<template>
    <h3>列表渲染</h3>
    <p v-for="i in items">{{i}}</p>
    <p v-for="(item,index) in items">{{item}}:{{index}}</p>
    <p v-for="(item,index) in items" :key ="index">{{item}}:{{index}}</p>
    <p v-for="(value,key,index) in info">{{value}}:{{key}}:{{index}}</p>
    <div v-for=" r in result">
        <p>{{r.title}}</p>
        <img v-bind:src ="r.url" alt="">
    </div>
</template>
<script>
    export default{
        data(){
            return {
                items:[1,2,3,4],
                info:{"1":"2","3":"4"},
                result:[{title:'123',url:"222"}]

            }
        }
    }
</script>